body {
 min-width:1200px;
 background-color:#f7f7f5
}
.banner {
 margin-bottom:10px;
 font-size:0
}
.banner .banner-wrapper {
 position:relative;
 overflow:hidden
}
.banner .img-list {
 position:relative;
 width:100%;
 height:522px;
 background:#fff 50% no-repeat
}
.banner .img-list .current {
 position:relative;
 z-index:1;
 background-color:hsla(0,0%,86.7%,.7);
 opacity:1
}
.banner .img-list .show {
 position:relative;
 z-index:2
}
.banner .img-list .box {
 position:absolute;
 top:0;
 left:50%;
 width:2560px;
 height:522px;
 margin-left:-1280px
}
.banner .img-list .box .sm-wrapper {
 display:block;
 margin:0 auto
}
.banner .img-list .box .structure-module {
 position:relative;
 width:100%;
 overflow:hidden
}
.banner .j_link {
 position:absolute
}
.banner .img-list img {
 min-width:2560px;
 height:522px;
 margin:0 auto;
 display:block
}
.banner .thumb-list {
 margin-top:-25px;
 height:25px;
 line-height:5px;
 text-align:center
}
.banner .thumb-list span {
 position:relative;
 z-index:3;
 cursor:pointer;
 display:inline-block;
 vertical-align:bottom;
 margin:5px;
 width:42px;
 height:2px;
 background-color:#ebebeb
}
.banner .thumb-list span:focus {
 outline:none
}
.banner .thumb-list span:before {
 content:"";
 position:absolute;
 left:0;
 top:0;
 width:100%;
 height:10px
}
.banner .thumb-list .pagination-active {
 height:5px;
 -webkit-transition:height .3s;
 transition:height .3s;
 border:none;
 border-color:#fff
}
.banner .thumb-list .pagination-active:before {
 content:"";
 position:absolute;
 left:0;
 top:0;
 width:100%;
 background:#fff;
 height:100%;
 -webkit-animation:progress1 6s linear;
 animation:progress1 6s linear
}
:root .banner .thumb-list span {
 background-color:hsla(0,0%,100%,.7)
}
.banner .thumb-list span:hover {
 height:5px
}
.arrow {
 display:inline-block;
 position:relative;
 /* width:6px; */height:10px;
}
.arrow:after,
.arrow:before {
 content:"";
 position:absolute;
 left:0;
 top:0;
 width:7px;
 height:1px;
 background:currentColor;
 -webkit-transform-origin:left center;
 transform-origin:left center;
 -webkit-transform:rotate(40deg);
 transform:rotate(40deg)
}
.arrow:after {
 top:auto;
 bottom:0;
 -webkit-transform:rotate(-40deg);
 transform:rotate(-40deg)
}
.category {
 position:relative;
 left: -22px;
 z-index:4;
 float:left;
 margin-top: -582px;
 width:200px;
 height: 520px;
 font-size:0;
 line-height:1;
 background:hsla(0,0%,100%,.65);
 -webkit-writing-mode:tb-lr;
 writing-mode:tb-lr;
 -webkit-writing-mode:vertical-lr;
 -ms-writing-mode:tb-lr;
 writing-mode:vertical-lr;
 text-align:center;
}
.category>li {
 float: left;
 -webkit-writing-mode:lr-tb;
 writing-mode:lr-tb;
 -webkit-writing-mode:horizontal-tb;
 -ms-writing-mode:lr-tb;
 writing-mode:horizontal-tb;
 width:100%;
}
.category>li:hover {
 background:#fff
}
.category-name {
 position:relative;
 display:block;
 padding:0 48px 0 42px;
 color:#333;
 font-size:14px;
 line-height: 52px;
 text-align:left;
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis;
}
.category.many .category-name {
 line-height:45px
}
.category-name .arrow {
 position:absolute;
 right:28px;
 top:50%;
 -webkit-transform:translateY(-50%);
 transform:translateY(-50%)
}
.category-box {
display:none;
 position:absolute;
 top:0;
 bottom:0;
 left:100%;
 text-align:left;
 /* white-space: pre-wrap; */background:#fff;
 background-clip:padding-box;
 border-left:14px solid transparent;
 /* overflow:hidden; */
}
.category>li:hover .category-box {
 display:block
}
.category-detail {
 /* vertical-align:top; */padding:8px 50px 0 44px;
 width: auto;
 white-space:normal;
 background: #fff;
}
.category-all {
 float: right;
 color:#999;
 font-size:12px;
 line-height:58px;
}
.category-all:hover {
 color:#f51919
}
.category-detail>p {
 color:#252525;
 font-size:16px;
 line-height:58px
}
.category-sub {
 background: #fff;
 width: auto;
 height: 420px;
 /* overflow: hidden; */margin-bottom:9px;
 padding-bottom:6px;
 font-size:1px;
 display: flex;
 writing-mode: vertical-lr;
 flex-wrap: wrap;
 justify-content: flex-start;
 /* flex-direction: column; *//* border-bottom:1px solid transparent; */
}
#more8 p{
  color: #333;
  font-size: 16px;
  line-height: 58px;
}
#more7 p{
  color: #333;
  font-size: 16px;
  line-height: 58px;
}#more6 p{
  color: #333;
  font-size: 16px;
  line-height: 58px;
}#more5 p{
  color: #333;
  font-size: 16px;
  line-height: 58px;
}#more4 p{
  color: #333;
  font-size: 16px;
  line-height: 58px;
}#more3 p{
  color: #333;
  font-size: 16px;
  line-height: 58px;
}#more2 p{
  color: #333;
  font-size: 16px;
  line-height: 58px;
}#more1 p{
  color: #333;
  font-size: 16px;
  line-height: 58px;
}
.has-border {
 border-color:#e5e5e5
}
.category-sub li {
 display: inline-block;
 /* vertical-align:top; */width: 186px;
 text-align: center;
 height: 200px;
 padding: 10px;
 font-size: 12px;
 line-height: 24px;
 color: #666;
 overflow: hidden;
 writing-mode: horizontal-tb;
}
.category-sub li:nth-child(4n) {
 margin-right:0
}
.category-sub a {
 position:relative;
 z-index:0;
 display:block;
 color: #000000;
 font-weight: bold;
 /* border: 1px solid #f2f2f2; */width: 100%;
 height: 160px;
 font-size:14px;
 line-height: 24px;
 text-align:center;
 margin-bottom: 5px;
 border-radius: 8px;
 padding: 50px 20px;
 white-space: pre-wrap;
 background-size: cover;
 background-position: center;
}
.category-sub a:hover:before {
 content:"";
 position:absolute;
 z-index:-1;
 left:0;
 right:0;
 top:0;
 bottom:0;
 background:rgba(0,0,0,.06)
}
.category-product {
 margin-bottom:-40px;
 padding-top:39px;
 width:690px;
 font-size:1px;
 text-align:justify
}
.category-product li {
 position:relative;
 display:inline-block;
 vertical-align:top;
 margin-bottom:20px;
 width:222px;
 font-size:0
}
.category-product li .icon-tag {
 position:absolute;
 margin:-17px 0 0 36px;
 width:26px;
 height:26px
}
.category-product li .icon-tag.hot {
 background:url(../images/5a423be031264d128d927d8a85f17c19.gif) no-repeat;
 background-size:contain
}
.category-product li .icon-tag.recomm {
 background:url(../images/a571db2357954a4eb61dc672d3474dc0.gif) no-repeat;
 background-size:contain
}
.category-product li .icon-tag>img {
 width:100%;
 height:100%
}
.category-product img {
 vertical-align:middle;
 width:46px;
 height:46px;
 display:inline-block
}
.category-product span {
 display:inline-block;
 vertical-align:middle;
 margin-left:8px;
 max-width:168px;
 color:#252525;
 font-size:14px;
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis
}
.category-sidebar {
 display:inline-block;
 vertical-align:top;
 padding:36px 40px 0 18px
}
.category-sidebar a {
 display:block;
 margin-bottom:10px;
 width:178px;
 height:128px;
 border-radius:4px;
 overflow:hidden
}
.category-sidebar a img {
 width:100%;
 height:100%;
 -o-object-fit:cover;
 object-fit:cover
}
.floor-list {
 padding-bottom:40px
}
.floor-list,
.J_promotion-container {
 width:100%;
 display:inline-block
}
.floor .info {
 position:relative
}
.floor .subject {
 padding:38px 0 25px;
 color:#333;
 font-size:24px;
 line-height:1;
 text-align:center
}
.floor .more-wrapper {
 position:absolute;
 right:0;
 bottom:30px
}
.floor .more-wrapper a,
.floor .more-wrapper li {
 float:left
}
.floor .more-wrapper a {
 margin-left:22px;
 color:#333;
 font-size:14px;
 line-height:1
}
.floor .more-wrapper a:hover {
 color:#f51919
}
.floor .more-wrapper .more .iconshop {
 font-size:12px
}
.floor .box-list {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 width:100%;
 line-height:0;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between;
 -ms-flex-wrap:wrap;
 flex-wrap:wrap
}
.floor .box-list:after {
 content:"";
 width:100%
}
.floor .box,
.floor .box-list:after {
 display:inline-block;
 vertical-align:top
}
.floor .box {
 position:relative;
 margin-bottom:10px;
 font-size:0;
 text-align:center;
 background-color:#fff;
 -webkit-transition:all .2s linear;
 transition:all .2s linear
}
.floor .box:hover {
 -webkit-transform:translate3d(0,-2px,0);
 transform:translate3d(0,-2px,0);
 -webkit-box-shadow:0 15px 30px rgba(0,0,0,.1);
 box-shadow:0 15px 30px rgba(0,0,0,.1)
}
.floor.c_3 .box,
.floor.fp .box,
.floor.p_3 .box {
 width:394px
}
.floor.c_8 .box,
.floor.fp.fp4 .box,
.floor.pc_6 .box {
 width:293px
}
.floor.pc_6 .box:first-child {
 width:595px
}
.floor .box>a {
 display:block
}
.floor .box>a>img {
 position:relative;
 vertical-align:top;
 width:100%;
 display:inline-block
}
.floor.fp .box>a>img {
 height:190px
}
.floor.fp.fp4 .box>a>img {
 height:140px
}
.floor.c_3 .box>a>img {
 margin:58px auto 0;
 width:230px;
 height:230px
}
.floor.c_3 .box,
.floor.p_3 .box>a>img {
 height:511px
}
.floor.c_8 .box>a>img,
.floor.pc_6 .box>a>img {
 margin:43px auto 0;
 width:172px;
 height:172px
}
.floor.c_8 .box,
.floor.pc_6 .box,
.floor.pc_6 .box:first-child>a>img {
 height:380px
}
.floor.pc_6 .box:first-child>a>img {
 margin:0;
 width:100%
}
.floor .name {
 padding-top:16px;
 color:#333;
 font-size:16px;
 line-height:30px
}
.floor.c_3 .name {
 padding-top:29px;
 font-size:20px
}
.floor .feature {
 padding:2px 15px 40px;
 height:24px;
 color:#333;
 font-size:12px;
 line-height:24px
}
.floor.c_3 .feature {
 padding:8px 50px 53px;
 font-size:14px
}
.floor .feature,
.floor .name {
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis
}
.floor .price {
 color:#f51919;
 font-size:16px;
 line-height:1
}
.floor.c_3 .price {
 font-size:18px
}
.floor .prodinfo {
 position:relative
}
.floor .color-wrapper {
 position:absolute;
 left:0;
 right:0;
 z-index:1;
 opacity:0;
 filter:alpha(opacity=0);
 font-size:0;
 text-align:center;
 background-color:#fff
}
.floor .box:hover .color-wrapper {
 opacity:1;
 filter:alpha(opacity=100)
}
.floor.c_3 .color-list {
 padding-top:8px
}
.floor .color-list li {
 display:inline-block;
 vertical-align:middle;
 cursor:pointer;
 margin:2px 6px;
 width:21px;
 height:21px;
 border-radius:50%
}
.floor.c_3 .color-list li {
 margin:2px 8px;
 width:24px;
 height:24px
}
.floor .color-list li.white:after {
 content:"";
 display:block;
 width:19px;
 height:19px;
 border:1px solid #d5d5d5;
 border-radius:50%
}
.floor.c_3 .color-list li.white:after {
 width:22px;
 height:22px
}
.floor .color-list li.selected,
.floor .color-list li:hover {
 margin:0 4px;
 border:2px solid #008ddc;
 -webkit-box-shadow:0 7px 10px 0 rgba(87,87,84,.3);
 box-shadow:0 7px 10px 0 rgba(87,87,84,.3)
}
:root .floor .color-list li.selected,
:root .floor .color-list li:hover {
 border-color:#fff
}
.floor.c_3 .color-list li.selected,
.floor.c_3 .color-list li:hover {
 margin:0 6px
}
.floor .prompt {
 display:inline-block;
 vertical-align:top;
 margin-right:10px;
 padding:6px 0 29px;
 max-width:185px;
 color:#333;
 font-size:12px;
 line-height:24px;
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis
}
.floor.c_3 .prompt {
 padding:11px 0 48px;
 max-width:220px;
 font-size:14px
}
.floor .prompt-price {
 display:inline-block;
 vertical-align:top;
 padding:6px 0 29px;
 color:#f51919;
 font-size:12px;
 line-height:24px
}
.floor.c_3 .prompt-price {
 padding:11px 0 48px;
 font-size:14px
}
.floor .btn {
 display:inline-block;
 margin-left:15px
}
.floor .btn:first-child {
 margin-left:0
}
.floor .btn:after {
 display:block;
 width:100px;
 font-size:12px;
 line-height:28px;
 text-align:center;
 border:1px solid;
 border-radius:15px/50%
}
.floor .btn:first-child:after {
 content:"\67E5\770B\8BE6\60C5";
 color:grey;
 border-color:#e6e6e6
}
.floor .btn:first-child:hover:after {
 color:#a6a6a6
}
.floor .btn.full-book:after,
.floor .btn.putin-shopcart:after {
 content:"\52A0\5165\8D2D\7269\8F66";
 color:#fff;
 border-color:#f51919;
 background-color:#f51919
}
.floor .btn.full-book:after {
 content:"\5168\6B3E\9884\5B9A"
}
.floor .btn.full-book:hover:after,
.floor .btn.putin-shopcart:hover:after {
 border-color:#ff3434;
 background-color:#ff3434
}
.floor .btn.sellout:after {
 content:"\5DF2\552E\7F44";
 color:#fff;
 border-color:#ccc;
 background-color:#ccc
}
.floor .btn.sellout {
 cursor:not-allowed
}
.floor.rush .info .rush-title {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 padding-bottom:25px
}
.floor.rush .info .count-down {
 margin-left:10px;
 font-size:16px;
 color:#999
}
.floor.rush .info .rush-logo {
 height:26px
}
.floor.rush .info .bolder {
 display:inline-block;
 border-radius:3px;
 width:38px;
 height:32px;
 line-height:32px;
 text-align:center;
 background-color:#ec0404;
 font-size:18px;
 color:#fff;
 margin:0 6px
}
.floor.rush .box-list {
 position:relative
}
.floor.rush .box-list .btn-page {
 position:absolute;
 width:32px;
 height:32px;
 line-height:32px;
 text-align:center;
 border-radius:50%;
 border:1px solid #a4a4a4;
 top:50%;
 -webkit-transform:translateY(-50%);
 transform:translateY(-50%);
 cursor:pointer
}
.floor.rush .box-list .btn-page.disabled {
 opacity:.2
}
.floor.rush .box-list .before {
 left:-50px
}
.floor.rush .box-list .next {
 right:-50px
}
.floor.rush .box {
 width:293px;
 height:380px
}
.floor.rush .box .corner-img {
 position:absolute;
 left:16px;
 top:16px;
 z-index:1;
 max-height:23px
}
.floor.rush .box .prod-img {
 width:172px;
 height:172px;
 margin-top:41px
}
.floor.rush .box .prod-info {
 padding:0 20px
}
.floor.rush .box .prod-info p {
 text-align:center
}
.floor.rush .box .prod-info .name {
 font-size:16px
}
.floor.rush .box .prod-info .desc {
 line-height:17px;
 height:17px;
 margin-top:10px;
 font-size:12px;
 color:#333;
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis
}
.floor.rush .box .prod-info .price {
 margin-top:20px;
 font-size:22px
}
.floor.rush .box .prod-info .price dfn {
 font-size:14px;
 line-height:20px
}
.floor.rush .box .prod-info .price .disabled {
 margin-left:6px;
 text-decoration:line-through;
 color:#aaa;
 font-size:14px
}
.floor.rush .box.box-blank.box-2 {
 width:595px!important
}
.floor.rush .box.box-blank.box-3 {
 width:892px!important
}
.floor.rush .box.box-blank .detail {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:vertical;
 -webkit-box-direction:normal;
 -ms-flex-direction:column;
 flex-direction:column;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 height:100%
}
.floor.rush .box.box-blank .title {
 font-size:18px;
 line-height:37px
}
.floor.rush .box.box-blank .time {
 font-size:30px;
 line-height:59px
}
.floor.rush .box.box-blank .btn {
 margin-top:38px;
 width:144px;
 height:48px;
 line-height:48px;
 text-align:center;
 border-radius:100px;
 background-color:#f81200;
 color:#fff;
 font-size:19px
}
.popup-gift {
 position:fixed;
 bottom:60px;
 left:30px;
 z-index:1000;
 width:200px
}
.bounce-enter-active {
 -webkit-animation:bounce-in 1s;
 animation:bounce-in 1s
}
@-webkit-keyframes bounce-in {
 0% {
  opacity:0;
  -webkit-transform:scale(1);
  transform:scale(1)
 }
 90% {
  opacity:.8;
  -webkit-transform:scale(1.1);
  transform:scale(1.1)
 }
 to {
  opacity:1;
  -webkit-transform:scale(1);
  transform:scale(1)
 }
}
@keyframes bounce-in {
 0% {
  opacity:0;
  -webkit-transform:scale(1);
  transform:scale(1)
 }
 90% {
  opacity:.8;
  -webkit-transform:scale(1.1);
  transform:scale(1.1)
 }
 to {
  opacity:1;
  -webkit-transform:scale(1);
  transform:scale(1)
 }
}
.popup-gift a img {
 display:block;
 width:100%;
 position:absolute;
 bottom:0;
 left:0
}
.dialog-gift {
 position:fixed;
 width:460px;
 bottom:30px;
 left:50%;
 margin-left:-230px;
 z-index:1000;
 text-align:center;
 -webkit-transform-origin:left bottom;
 transform-origin:left bottom
}
.dialog-gift .img-box {
 display:block;
 width:100%;
 position:absolute;
 bottom:0;
 left:0
}
.dialog-gift .dialog-img {
 width:100%
}
.dialog-gift i {
 width:26px;
 position:absolute;
 top:10%;
 right:17%;
 z-index:11111
}
.dialog-gift i .quit-icon {
 width:100%;
 height:100%
}
.dGoSmall {
 -webkit-animation:addg0 .7s ease-in-out 0s 1 alternate forwards;
 animation:addg0 .7s ease-in-out 0s 1 alternate forwards
}
@-webkit-keyframes addg0 {
 0% {
  opacity:1;
  -webkit-transform:scale(1);
  transform:scale(1);
  left:50%;
  margin-left:-13.75%;
  bottom:30px
 }
 to {
  opacity:0;
  -webkit-transform:scale(0);
  transform:scale(0);
  bottom:70px;
  left:40px;
  margin-left:0
 }
}
@keyframes addg0 {
 0% {
  opacity:1;
  -webkit-transform:scale(1);
  transform:scale(1);
  left:50%;
  margin-left:-13.75%;
  bottom:30px
 }
 to {
  opacity:0;
  -webkit-transform:scale(0);
  transform:scale(0);
  bottom:70px;
  left:40px;
  margin-left:0
 }
}
.pGoSmall {
 -webkit-animation:addp0 .04s ease-in-out 0s 1 alternate forwards;
 animation:addp0 .04s ease-in-out 0s 1 alternate forwards
}
@-webkit-keyframes addp0 {
 0% {
  opacity:1;
  -webkit-transform:scale(1);
  transform:scale(1)
 }
 to {
  opacity:0;
  -webkit-transform:scale(0);
  transform:scale(0)
 }
}
@keyframes addp0 {
 0% {
  opacity:1;
  -webkit-transform:scale(1);
  transform:scale(1)
 }
 to {
  opacity:0;
  -webkit-transform:scale(0);
  transform:scale(0)
 }
}
.pGoBig {
 -webkit-animation:addp2 .07s ease-in-out 0s 1 alternate forwards;
 animation:addp2 .07s ease-in-out 0s 1 alternate forwards
}
@-webkit-keyframes addp2 {
 0% {
  opacity:0;
  -webkit-transform:scale(0);
  transform:scale(0)
 }
 57% {
  opacity:1;
  -webkit-transform:scale(1);
  transform:scale(1)
 }
 86% {
  opacity:1;
  -webkit-transform:scale(1.2);
  transform:scale(1.2)
 }
 to {
  opacity:1;
  -webkit-transform:scale(1);
  transform:scale(1)
 }
}
@keyframes addp2 {
 0% {
  opacity:0;
  -webkit-transform:scale(0);
  transform:scale(0)
 }
 57% {
  opacity:1;
  -webkit-transform:scale(1);
  transform:scale(1)
 }
 86% {
  opacity:1;
  -webkit-transform:scale(1.2);
  transform:scale(1.2)
 }
 to {
  opacity:1;
  -webkit-transform:scale(1);
  transform:scale(1)
 }
}
.dGoBig {
 -webkit-animation:addg1 .57s ease-in-out 0s 1 alternate forwards;
 animation:addg1 .57s ease-in-out 0s 1 alternate forwards
}
@-webkit-keyframes addg1 {
 0% {
  opacity:0;
  -webkit-transform:scale(0);
  transform:scale(0);
  bottom:70px;
  left:40px;
  margin-left:0
 }
 85% {
  opacity:1;
  -webkit-transform:scale(1);
  transform:scale(1);
  left:50%
 }
 93% {
  opacity:1;
  -webkit-transform:scale(1.1);
  transform:scale(1.1);
  left:50%
 }
 to {
  opacity:1;
  -webkit-transform:scale(1);
  transform:scale(1);
  left:50%;
  -webkit-transform-origin:center center;
  transform-origin:center center
 }
}
@keyframes addg1 {
 0% {
  opacity:0;
  -webkit-transform:scale(0);
  transform:scale(0);
  bottom:70px;
  left:40px;
  margin-left:0
 }
 85% {
  opacity:1;
  -webkit-transform:scale(1);
  transform:scale(1);
  left:50%
 }
 93% {
  opacity:1;
  -webkit-transform:scale(1.1);
  transform:scale(1.1);
  left:50%
 }
 to {
  opacity:1;
  -webkit-transform:scale(1);
  transform:scale(1);
  left:50%;
  -webkit-transform-origin:center center;
  transform-origin:center center
 }
}
@-webkit-keyframes progress1 {
 0% {
  width:0
 }
 to {
  width:100%
 }
}
@keyframes progress1 {
 0% {
  width:0
 }
 to {
  width:100%
 }
}